{% extends "trees/base.html" %}
{% block title %}Your name - JM3{% endblock %}
{% block content %}
<div class="col-12 col-md-5 mx-auto" style="margin-top:8vh;">
  <div class="progress mb-4" style="height:6px;"><div class="progress-bar bg-jm3" style="width:83%"></div></div>
  <h3 class="mb-1">What&#39;s your name?</h3>
  <p class="text-muted">So JM3 can greet you.</p>
  <form method="post">
    {% csrf_token %}
    <input type="text" name="name" class="form-control form-control-lg mb-2" placeholder="e.g. Clinton" required autofocus>
    <button type="submit" class="btn btn-jm3 btn-lg w-100">Continue</button>
  </form>
</div>
{% endblock %}
{% block extra_js %}{% endblock %}